<template>
  <van-col span="12" class="list-item">
    <img :src="item.imgs[0]" alt="" />
    <div class="van-ellipsis">{{ item.proname }}</div>
    <div class="van-ellipsis">{{ item.originprice }}</div>
  </van-col>
</template>

<script setup>
import { defineProps } from "vue";

//组件接受一个属性item
let props = defineProps(["item"]);
//js中
props.item; //使用属性
// 模板中 props.item  使用属性
// 模板中 item  使用属性
</script>

<style scoped>
.list-item img {
  width: 100%;
}
</style>
